<%@include file="menu/util.jsp" %>
<%@page contentType="text/html; charset=iso-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<fmt:bundle basename="app">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <%@include file="menu/wizardTablessHeader.jsp" %>
            <script type="text/javascript">
                $(document).ready(function(){
                    $(".buttonCancelTabbedBox").click(function() {
                        parent.$.fn.colorbox.close();
                    });
                });
                $.validator.setDefaults({
                    submitHandler: function() {
                        var title = document.getElementById("title");
                        /*title.value = editText(title.value);
                        var note= document.getElementById("note");
                        note.value = editText(note.value);*/
                        title.form.submit();
                    }
                });
                $().ready(function() {
                    // validate the comment form when it is submitted
                    $("#newNote").validate({
                        errorLabelContainer: $(".errorDiv"),
                        wrapper: "li"
                    });
                });
            </script>
            <c:set var="title" value=""/>
            <c:set var="note" value=""/>
            <c:set var="id" value="-1"/>
            <c:set var="selectedValue"  value="OFF"/>
        </head>
        <body style="overflow:hidden;" >
            <form id="newNote" action="newNote.do" enctype="multipart/form-data" method="POST">
                <fmt:message var="newNote" key="forms.newNote" />
                <jsp:include page="menu/wizardTablessHeader2.jsp">
                    <jsp:param name="title" value="${newNote}" />
                </jsp:include>

                <table>
                    <tr>
                        <td>
                            <fmt:message key="forms.name" />
                        </td>
                        <td>
                            <input style="width:450px;" class="required" type="text" id="title" name="title" value="${title}" />
                        </td>
                    </tr>
                    <tr>
                        <td valign="top">
                            <fmt:message key="forms.attachment" />
                        </td>
                        <td>
                            <input style="width:450px;" type="file" id="file" name="file" />
                        </td>
                    </tr>
                    <tr>
                        <td valign="top">
                            <fmt:message key="forms.description" />
                        </td>
                        <td>
                            <textarea style="width:450px;height:125px;resize:none;" class="required" id="note" name="note">${note}</textarea>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2"></td>
                    </tr>

                </table>
                <input type="hidden" id="scorecardId" name="scorecardId" value="${scoreCard.idScoreCard}" />

                <%@include file="menu/wizardTablessMidle.jsp" %>
                <%@include file="menu/wizardTablessFooter.jsp" %>
            </form>

        </body>
    </html>
</fmt:bundle>
